<script setup lang="ts" >
const props = defineProps({
    isActive: {
        type: Boolean,
        default: false
    },
    
    
})

const items = [
    { title: '消息1' },
    { title: '消息2' },
    { title: '消息3' },
    { title: '消息4' },
]

</script>

<template>
    <v-menu >
        <template v-slot:activator="{ props }">
            <v-btn icon v-bind="props" >
                <v-icon  icon="mdi-bell-outline"></v-icon>
            </v-btn>
        </template>
        <v-list>
            <v-list-item v-for="(item, index) in items" :key="index" :value="index">
                <v-list-item-title>{{ item.title }}</v-list-item-title>
            </v-list-item>
        </v-list>
    </v-menu>
</template>
